<template>
  <div>
    <br />
    <br />
    <el-row :gutter="18">
      <el-col :span="6"
        ><div class="grid-content bg-purple">
          <el-input placeholder="账号"></el-input></div
      ></el-col>
      <el-col :span="5"
        ><div class="grid-content bg-purple">
          <el-input placeholder="姓名"></el-input></div
      ></el-col>
      <el-col :span="2"
        ><div class="grid-content bg-purple">
          <el-button type="primary">查询</el-button>
        </div></el-col
      >
      <el-col :span="2"
        ><div class="grid-content bg-purple">
          <el-button type="primary">新增</el-button>
        </div></el-col
      >
      <el-col :span="2"
        ><div class="grid-content bg-purple">
          <el-button>重置</el-button>
        </div></el-col
      >
    </el-row>

    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
      <el-table-column prop="address" label="地址"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
import yuangonglist from "../../axios/api/api";
export default {
  name: "",
  props: [],
  components: {},
  data() {
    return {
      tableData: []
    };
  },
  created() {},
  mounted() {
    yuangonglist.yuangonglist().then(res => {
      console.log(res);
    });
  },
  methods: {},
  computed: {},
  watch: {},
  directives: {}
};
</script>

<style scoped>
  .el-row {
    margin-bottom: 20px;
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>